import { useState } from "react";
import PageLayout from "../../components/core/PageLayout";
import PageTabs from "../../components/core/PageTabs";
import TableContainer from "../../components/core/TableContainer";
import { tabs } from "../../enum";
import IntentionalTable from "./table";
import './index.css';

const IntentionalList = () => {
    const [entryStatus, setEntryStatus] = useState<string>(tabs[0].key)
    return <PageLayout className="intentional-list" title="进件服务" subTitle="待进件列表">
        <PageTabs tabs={tabs} onChange={setEntryStatus} />
        <TableContainer>
            <IntentionalTable entryStatus={entryStatus} />
        </TableContainer>
    </PageLayout>
}

export default IntentionalList